{extend name="base" /}
{block name="title"}
<title>分类-{$site_config.site_title}</title>
{/block}
{block name="body"}
<style type="text/css">
.act{border-left: 2px solid #f5f5f5;}
.contaniner .assort ul .active{background-color: #fff;}
.contaniner .assort ul li {padding: 10% 10%;}
.contaniner .assort-cont dl dd img {height: auto;}
/* .contaniner .assort-cont dl dd img {max-height: 80px;} */
.contaniner .cat_cont dl dd{width: 45%;}
.cat_title{text-align: center;display: block;color: #000;}
.none{display: none;}
</style>
    <div class="header">
        <div class="mall_top_center1">
            <div class="mall_search_i1"><img src="__STATIC__/img/icon_search.png" class="mall_search_img1"/></div>
            <input type="text" placeholder="蔬菜" class="inp_pla mall_search1"/>
        </div>
        <div class="mall_top_right1">
            <div class="mall_message1"><img src="__STATIC__/img/class_message.png" class="icon_message1"/></div>
        </div>
    </div>
    <div class="contaniner fixed-cont">
        <aside class="assort" id="sidebar">
            <ul>
                <li class="active act">
                    <span>美妆</span>
                </li>
                <li class="act">
                    <span>汽车用品</span>
                </li>
                <li class="act">
                    <span>母婴用品</span>
                </li>
                <li class="act">
                    <span>手机数码</span>
                </li>
                <li class="act">
                    <span>电脑办公</span>
                </li>
                <li class="act">
                    <span>运动户外</span>
                </li>
            </ul>
        </aside>
        <a href="{:url('home/index/errorr')}">
        <section class="assort-cont cat_cont">
            <dl>
                <dt>美妆</dt>
                <dd style="border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/meibai.jpg" />
                        <span class="cat_title">美白</span>
                    </a>
                </dd>
                <dd style="border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/fangshai.jpg"/>
                        <span class="cat_title">防晒</span>
                    </a>
                </dd>
                <dd style="border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/kongyou.jpg"/>
                        <span class="cat_title">控油</span>
                    </a>
                </dd>
                <dd style="border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/mianmo.jpg"/>
                        <span class="cat_title">面膜</span>
                    </a>
                </dd>
                <dd style="border-right:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/kouhong.jpg"/>
                        <span class="cat_title">口红</span>
                    </a>
                </dd>
                <dd style="">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/xiaohe.jpg"/>
                        <span class="cat_title">小盒</span>
                    </a>
                </dd>
            </dl>
        </section>
        <section class="assort-cont cat_cont none">
            <dl>
                <dt>汽车用品</dt>
                <dd style="border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/jiyou.jpg" />
                        <span class="cat_title">机油</span>
                    </a>
                </dd>
                <dd style="border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/zuodian.jpg"/>
                        <span class="cat_title">坐垫</span>
                    </a>
                </dd>
                <dd style="border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/shuiqiang.jpg"/>
                        <span class="cat_title">水枪</span>
                    </a>
                </dd>
                <dd style="border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/chetie.jpg"/>
                        <span class="cat_title">车贴</span>
                    </a>
                </dd>
                <dd style="border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/jilu.jpg"/>
                        <span class="cat_title">记录仪</span>
                    </a>
                </dd>
                <dd style="border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/lunttai.jpg"/>
                        <span class="cat_title">轮胎</span>
                    </a>
                </dd>
                <dd style="border-right:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/yingji.png"/>
                        <span class="cat_title">应急设备</span>
                    </a>
                </dd>
                <dd style="">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/chela.jpg"/>
                        <span class="cat_title">车蜡</span>
                    </a>
                </dd>
            </dl>
        </section>
        <section class="assort-cont none">
            <figure>
                <a href="#">
                    <img src="__STATIC__/img/class_banner.png"/>
                </a>
            </figure>
            <dl>
                <dt>热门精选</dt>
                <div class="dl_div" style="padding:2%;background:#fff;float:left;">
                <dd >
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/class_hot_img01.png" />
                        <p>新品推荐</p>
                    </a>
                </dd>
                <dd>
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/class_hot_img02.png"/>
                        <p>潮流品牌</p>
                    </a>
                </dd>
                <dd>
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/class_hot_img03.png"/>
                        <p>自营品牌</p>
                    </a>
                </dd>
                </div>
            </dl>
            <dl>
                <dt>服饰</dt>
                <div class="dl_div" style="padding:2%;background:#fff;float:left;">
                <dd >
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/class_hot_img01.png" />
                        <p>新品推荐</p>
                    </a>
                </dd>
                <dd>
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/class_hot_img02.png"/>
                        <p>潮流品牌</p>
                    </a>
                </dd>
                <dd>
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/class_hot_img03.png"/>
                        <p>自营品牌</p>
                    </a>
                </dd>
                </div>
            </dl>
            <dl>
                <dt>大牌推荐</dt>
                <dd style="border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/class_brand_img01.png" />
                    </a>
                </dd>
                <dd style="border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/class_brand_img02.png"/>
                    </a>
                </dd>
                <dd style="border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/class_brand_img03.png"/>
                    </a>
                </dd>
                <dd style="border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/class_brand_img02.png"/>
                    </a>
                </dd>
                <dd style="border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/class_brand_img02.png"/>
                    </a>
                </dd>
                <dd style="border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/class_brand_img03.png"/>
                    </a>
                </dd>
            </dl>
            <dl>
                <dt>服饰</dt>
                <div class="dl_div" style="padding:2%;background:#fff;float:left;">
                <dd >
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/class_hot_img01.png" />
                        <p>新品推荐</p>
                    </a>
                </dd>
                <dd>
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/class_hot_img02.png"/>
                        <p>潮流品牌</p>
                    </a>
                </dd>
                <dd>
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/class_hot_img03.png"/>
                        <p>自营品牌</p>
                    </a>
                </dd>
                </div>
            </dl>
        </section>
        <section class="assort-cont cat_cont none">
            <dl>
                <dt>手机数码</dt>
                <dd style="border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/xiaomi.jpg" />
                    </a>
                </dd>
                <dd style="border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/nokia.jpg"/>
                    </a>
                </dd>
                <dd style="border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/oppo.jpg"/>
                    </a>
                </dd>
                <dd style="border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/huawei.jpg"/>
                    </a>
                </dd>
                <dd style="border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/sanxing.jpg"/>
                    </a>
                </dd>
                <dd style="border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/vivo.jpg"/>
                    </a>
                </dd>
                <dd style="border-right:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/meizu.jpg"/>
                    </a>
                </dd>
                <dd style="">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/lianxiang.jpg"/>
                    </a>
                </dd>
            </dl>
        </section>
        <section class="assort-cont cat_cont none">
            <dl>
                <dt>电脑办公</dt>
                <dd style="border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/amd.jpg" />
                    </a>
                </dd>
                <dd style="border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/intel.jpg"/>
                    </a>
                </dd>
                <dd style="border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/huashuo.jpg"/>
                    </a>
                </dd>
                <dd style="border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/jixie.jpg"/>
                    </a>
                </dd>
                <dd style="border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/hp.jpg"/>
                    </a>
                </dd>
                <dd style="border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/jimi.jpg"/>
                    </a>
                </dd>
                <dd style="border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/leibo.jpg"/>
                    </a>
                </dd>
                <dd style="border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/ma.jpg"/>
                    </a>
                </dd>
                <dd style="border-right:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/meizu.jpg"/>
                    </a>
                </dd>
                <dd style="">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/lianxiang.jpg"/>
                    </a>
                </dd>
            </dl>
        </section>
        <section class="assort-cont cat_cont none">
            <dl>
                <dt>运动户外</dt>
                <dd style="border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/xie.jpg" />
                        <span class="cat_title">跑步鞋</span>
                    </a>
                </dd>
                <dd style="border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/zuodian.jpg"/>
                        <span class="cat_title">体育用品</span>
                    </a>
                </dd>
                <dd style="border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/shuiqiang.jpg"/>
                        <span class="cat_title">水枪</span>
                    </a>
                </dd>
                <dd style="border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/chetie.jpg"/>
                        <span class="cat_title">车贴</span>
                    </a>
                </dd>
                <dd style="border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/jilu.jpg"/>
                        <span class="cat_title">记录仪</span>
                    </a>
                </dd>
                <dd style="border-bottom:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/lunttai.jpg"/>
                        <span class="cat_title">轮胎</span>
                    </a>
                </dd>
                <dd style="border-right:1px solid #ebebeb;">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/yingji.png"/>
                        <span class="cat_title">应急设备</span>
                    </a>
                </dd>
                <dd style="">
                    <a href="{:url('home/index/errorr')}">
                        <img src="__STATIC__/img/chela.jpg"/>
                        <span class="cat_title">车蜡</span>
                    </a>
                </dd>
            </dl>
        </section>
    </a>
    </div>
    {include file="public/menu" /}
    <!-- 分类切换 -->
    <script type="text/javascript">
        $(function($){
            $('#sidebar ul li').click(function(){
                $(this).addClass('active').siblings('li').removeClass('active');
                var index = $(this).index();
                $('.assort-cont').eq(index).show().siblings('.assort-cont').hide();
            })  
        })
    </script>
{/block}

